<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iFrame message passing test</title>
    <meta name="description" content="iFrame message passing test" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <style>
      *,
      *:before,
      *:after {
        box-sizing: border-box;
      }

      a {
        float: right;
        margin-left: 10px;
      }

      h2 {
        margin-top: 0;
      }
    </style>
  </head>

  <body>
    <h2>Late load JS test</h2>
    <p>Load JS with require after load event has fired.</p>
    <div style="margin: 20px"></div>

    <script src="../../node_modules/jquery/dist/jquery.js"></script>
    <script>
      $(document).ready(() => {
        setTimeout(() => {
          console.log('Load Script')
          $.getScript('../../test-js/iframe-resizer.child.js')
        }, 500)
      })
    </script>
  </body>
</html>
